<?php
/*
 * Copyright 2013 by Jerrick Hoang, Ivy Xing, Sam Roberts, James Cook,
 * Johnny Coster, Judy Yang, Jackson Moniaga, Oliver Radwan,
 * Maxwell Palmer, Nolan McNair, Taylor Talmage, and Allen Tucker.
 * This program is part of RMH Homebase, which is free software.  It comes with
 * absolutely no warranty. You can redistribute and/or modify it under the terms
 * of the GNU General Public License as published by the Free Software Foundation
 * (see <http://www.gnu.org/licenses/ for more information).
 *
 */
?>


<script src="lib/jquery-1.9.1.js"></script>
<script src="lib/jquery-ui.js"></script>
<script
	src="lib/bootstrap/js/bootstrap.js"></script>

<script>
	$(function () {
		$('img[rel=popover]').popover({
			  html: true,
			  trigger: 'hover',
			  placement: 'right',
			  content: function(){return '<img border="3" src="'+$(this).data('img') + '" width="60%"/>';}
			});
	});
</script>

<p>
	<strong>How to Search in the Database</strong>
<p>
    <strong>Clinicians</strong><br><br>
	<B>Step 1:</B> On the navigation bar at the top of the page, find <B>Clinician:</B>
	and select <B>search</B>, like this:<BR> <BR> <a
		href="tutorial/screenshots/cliniciansearch.png" class="image"
		title="cliniciansearch.png"
		target="tutorial/screenshots/cliniciansearch.png">
		&nbsp&nbsp&nbsp&nbsp<img
		src="tutorial/screenshots/cliniciansearch.png" width="10%"
		rel="popover" data-img="tutorial/screenshots/cliniciansearch.png"
		border="1px" align="middle"> </a>
</p>
<p>
	<B>Step 2:</B> You can enter any part of a clinician's first name, last
	name, npi, or specialty as a search criterion. For example, a search for "ann" would
	return <B>Ann</B>, <B>Ann</B>a, Di<B>ann</B>e, etc. NPI is a ten digit identification
        number for searching for clinicians. Specialty is the profession of the doctor.
<p>
        <BR> <a
		href="tutorial/screenshots/clinicianname.png" class="image"
		title="clinicianname.png" horizontalalign="center"
		target="tutorial/screenshots/clinicianname.png">
		&nbsp&nbsp&nbsp&nbsp<img
		src="tutorial/screenshots/clinicianname.png" width="10%"
		rel="popover" data-img="tutorial/screenshots/clinicianname.png"
		border="1px" align="middle"> </a>
               <a
		href="tutorial/screenshots/cliniciannpi.png" class="image"
		title="cliniciannpi.png" horizontalalign="center"
		target="tutorial/screenshots/cliniciannpi.png">
		&nbsp&nbsp&nbsp&nbsp<img
		src="tutorial/screenshots/cliniciannpi.png" width="10%"
		rel="popover" data-img="tutorial/screenshots/cliniciannpi.png"
		border="1px" align="middle"> </a>
               <a
		href="tutorial/screenshots/clinicianspecialty.png" class="image"
		title="clinicianspecialty.png" horizontalalign="center"
		target="tutorial/screenshots/clinicianspecialty.png">
		&nbsp&nbsp&nbsp&nbsp<img
		src="tutorial/screenshots/clinicianspecialty.png" width="10%"
		rel="popover" data-img="tutorial/screenshots/clinicianspecialty.png"
		border="1px" align="middle"> </a>
</p>
<p>
    <strong>Clients</strong><br><br>
    <B>Step 1:</B> On the navigation bar at the top of the page, find <B>Client:</B>
	and select <B>search</B>, like this:<BR> <BR> <a
		href="tutorial/screenshots/clientsearch.png" class="image"
		title="clientsearch.png"
		target="tutorial/screenshots/clientsearch.png">
		&nbsp&nbsp&nbsp&nbsp<img
		src="tutorial/screenshots/clientsearch.png" width="10%"
		rel="popover" data-img="tutorial/screenshots/clientsearch.png"
		border="1px" align="middle"> </a>
<p>
	<B>Step 2:</B> You can enter any part of a client's first name, last
	name, ssn, or status as a search criterion. For example, a search for "ann" would
	return <B>Ann</B>, <B>Ann</B>a, Di<B>ann</B>e, etc.
<p>
	<BR> <a
		href="tutorial/screenshots/clientname.png" class="image"
		title="clientname.png" horizontalalign="center"
		target="tutorial/screenshots/clientname.png">
		&nbsp&nbsp&nbsp&nbsp<img
		src="tutorial/screenshots/clientname.png" width="10%"
		rel="popover" data-img="tutorial/screenshots/clientname.png"
		border="1px" align="middle"> </a>
        <a
		href="tutorial/screenshots/clientname.png" class="image"
		title="clientname.png" horizontalalign="center"
		target="tutorial/screenshots/clientname.png">
		&nbsp&nbsp&nbsp&nbsp<img
		src="tutorial/screenshots/clientname.png" width="10%"
		rel="popover" data-img="tutorial/screenshots/clientname.png"
		border="1px" align="middle"> </a>
        <a
		href="tutorial/screenshots/clientstatus.png" class="image"
		title="clientstatus.png" horizontalalign="center"
		target="tutorial/screenshots/clientstatus.png">
		&nbsp&nbsp&nbsp&nbsp<img
		src="tutorial/screenshots/clientstatus.png" width="10%"
		rel="popover" data-img="tutorial/screenshots/clientstatus.png"
		border="1px" align="middle"> </a>
</p>
<p>
    <strong>Appointments</strong><br><br>
    
	<B>Step 1:</B> On the navigation bar at the top of the page, find <B>Appointment:</B>
	and select <B>search</B>, like this:<BR> <BR> <a
		href="tutorial/screenshots/appointmentsearch.png" class="image"
		title="appointmentsearch.png"
		target="tutorial/screenshots/appointmentsearch.png">
		&nbsp&nbsp&nbsp&nbsp<img
		src="tutorial/screenshots/appointmentsearch.png" width="10%"
		rel="popover" data-img="tutorial/screenshots/appointmentsearch.png"
		border="1px" align="middle"> </a>
<p>
	<B>Step 2:</B> You can enter any part of a client's first name, last
	name, appointment date day, or appointment date time slot status as a search criterion.
        For example, a search for "ann" would return <B>Ann</B>, <B>Ann</B>a, Di<B>ann</B>e, etc.
<p>
	<BR> <a
		href="tutorial/screenshots/appointmentname.png" class="image"
		title="appointmentname.png" horizontalalign="center"
		target="tutorial/screenshots/appointmentname.png">
		&nbsp&nbsp&nbsp&nbsp<img
		src="tutorial/screenshots/appoinmentname.png" width="10%"
		rel="popover" data-img="tutorial/screenshots/appointmentname.png"
		border="1px" align="middle"> </a>
        <a
		href="tutorial/screenshots/appointmentday.png" class="image"
		title="appointmentday.png" horizontalalign="center"
		target="tutorial/screenshots/appointmentday.png">
		&nbsp&nbsp&nbsp&nbsp<img
		src="tutorial/screenshots/appointmentday.png" width="10%"
		rel="popover" data-img="tutorial/screenshots/appointmentday.png"
		border="1px" align="middle"> </a>
        <a
		href="tutorial/screenshots/appointmenttime.png" class="image"
		title="appointmenttime.png" horizontalalign="center"
		target="tutorial/screenshots/appointmenttime.png">
		&nbsp&nbsp&nbsp&nbsp<img
	 	src="tutorial/screenshots/appointmenttime.png" width="10%"
		rel="popover" data-img="tutorial/screenshots/appointmenttime.png"
		border="1px" align="middle"> </a>
</p>